<!DOCTYPE html>
<!-- saved from url=(0039)http://sinooceanlas.com/detail/193.html -->
<html lang="en" style="font-size: 40px;">

<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">



	<title>协会文件</title>
	<meta name="keywords" content="河北省企业投资理财协会">
	<meta name="description" content="河北省企业投资理财协会">

	<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport">

	<meta name="format-detection" content="telephone=no">

	<meta name="apple-mobile-web-app-capable" content="yes">

	<meta name="apple-mobile-web-app-status-bar-style" content="black">

	<meta name="referrer" content="never">

	<link rel="stylesheet" href="./comment/layui.css">

	<link rel="stylesheet" type="text/css" media="screen and (min-width:320px) and (max-width:760px)"
		href="./comment/phone.css">

	<link rel="stylesheet" type="text/css" media="screen and (min-width:760px) and (max-width:3600px)"
		href="./comment/pc.css">

	<link rel="stylesheet" type="text/css" href="./comment/reset.css">

	<link rel="stylesheet" type="text/css" href="./comment/animate.css">

	<link rel="stylesheet" type="text/css" href="./comment/swiper.min.css">

	<script type="text/javascript" src="./comment/rem.js"></script>


	<script src="./comment/js-sdk-pro.min.js"></script>
</head>

<body style="font-size: 12px;">
	<div id="detile">
		<my-header></my-header>
		<!-- 中部内容 go -->
		<div class="gg_ban">
			<img src="./comment/bg1.jpg">
		</div>
		<div class="nex_one">

			<div class="wow bounceInLeft nex_one_l" style="visibility: visible; animation-name: bounceInLeft;">

				<div class="nex_one_l_t">

					<div class="nex_one_l_t_t">协会文件</div>

					<div class="nex_one_l_t_b">

					</div>
				</div>
				<div class="nex_one_l_c">
					<div class="content">
						<ul class="news1">

							<li v-for="item in fileList" :key="item.id">
								<a @click="toDetile(item)" class="pg-color">{{item.title}}</a>
								<span>{{item.create_time}}</span>
							</li>
						</ul>
					</div>
				</div>
			</div>
		</div>
		<my-footer></my-footer>
	</div>
	<script type="text/javascript" src="./comment/jquery-2.1.4.min.js"></script>
	<script src="./js/vue.js"></script>
	<script src="js/comment.js"></script>
	<script>
		var app = new Vue({
			el: '#detile',
			data: {
				fileList: [],
			},
			mounted () {
				document.getElementById('introductionPage').classList.add('gg_nav_r_r_ac')
				this.getFileList()
			},
			methods: {
				getFileList () {
					const that = this
					$.ajax({
						type: 'get',
						url: gloabApi + "/Assocfile/getList",
						data: {},
						dataType: 'json',
						success: function (res) {
							if (res.code == 1) {
								console.log((res))
								that.fileList = res.data.list
							} else {
								layer.msg(res.msg);
							}
						},
					})
				},
				toDetile(item){
					localStorage.setItem(item.id,item.content)
					localStorage.setItem('file_title',item.title)
					localStorage.setItem('file_time',item.create_time)
					window.location.href = './fileDetile.html?id='+item.id
				},

			}
		})
	</script>
	<script src="./js/login.js"></script>
	<!-- 51la统计 -->
	<script type="text/javascript" src="./comment/21337603.js"></script>
	<!-- 51la统计 end -->

	<!-- 公共底部 end -->
	<script>
		$('.gg_rxf_a').hover(function () {
			$('.gg_tan').stop().fadeIn();
			$('.gg_rxf_a').addClass('gg_rxf_a_ac');
		}, function () {
			$('.gg_tan').stop().fadeOut();
			$('.gg_rxf_a').removeClass('gg_rxf_a_ac');
		})
		$('.gg_tan').hover(function () {
			$('.gg_tan').stop().fadeIn();
			$('.gg_rxf_a').addClass('gg_rxf_a_ac');
		}, function () {
			$('.gg_tan').stop().fadeOut();
			$('.gg_rxf_a').removeClass('gg_rxf_a_ac');
		})
	</script>

	<script type="text/javascript" src="./comment/jquery-2.1.4.min.js"></script>

	<script type="text/javascript" src="./comment/index.js"></script>

	<script type="text/javascript" src="./comment/wow.min.js"></script>

	<script type="text/javascript" src="./comment/swiper.min.js"></script>
</body>

</html>
<style>
	.content {
		margin: 0 20px;
		font-size: 14px;
	}

	.news1 {
		width: 100%;
		height: auto;
		overflow: hidden;
		margin: 25px auto;
	}

	.news1 li {
		width: 100%;
		padding: 15px 0;
		font: 20px / 30px "microsoft yahei";
		color: #737373;
		/* background: #fff; */
		border-bottom: 1px dashed #dddddd;
		display: flex;
		justify-content: space-between;
		span{
			text-align: right;
    		width: 200px;
		}
		
	}
</style>